{php}
$CmsMenuList = $dataArr['CmsMenuList']; // 栏目
$ContentList = $dataArr['ContentList']; // 当前栏目内容列表 默认8条
$tagList = $dataArr['tagList']; // tag列表全站
$pageInfos = $pageInfo; // 页面信息
$cssAdd = "css/list1.css"; // 列表页css
$pageInfoList = $pageInfo; // 列表页要用的栏目信息
{/php}
{include file="header" pageInfos="$pageInfos" CmsMenuList="$CmsMenuList" cssAdd="$cssAdd"/}

<article class="blockList">
    <div class="layui-row">
        <div class="layui-col-md9 Clear content">
            <div class="layui-col-md12 Clear listHead Border">
                <div class="layui-col-md4 layui-col-xl3 Clear">
                    <img src="{$pageInfoList.menuimg |default='__static__/img/noimg.jpg'}" alt="{$pageInfoList.keywords}">
                </div>
                <div class="layui-col-md8 layui-col-xl9 Clear">
                    <div class="center">
                        <div>蟾宫折桂 志在必得</div>
                        <div>{$pageInfoList.info}</div>
                        <div class="Span" style="margin-top: 5px;display: inline-flex;">
                            <span style="margin-right: 0">标签：<span style="padding: 5px 12px;margin: 5px;border-radius: 3px;background: #b95afd;color: #fff">{$ContentList['tagName']}</span></span>
                            <span>共计：<i>{$ContentList['total']}</i> 个</span>
                        </div>
                    </div>
                </div>
            </div>
            <!--head end-->
            <div class="layui-col-md12 Clear body">
                <!--tag标签-->
                <div class="tabs">
                    <div class="layui-col-md12 Clear tag">
                        <div class="layui-col-md1 Clear">热门标签：</div>
                        <div class="layui-col-md11 Clear Tag-row1">
                            {volist name="$tagList" id="tag"}
                            <a href="/tag/{$tag.id}-1.html">{$tag.name}</a>
                            {/volist}
                        </div>
                    </div>
                </div>
                <!--排序筛选-->
                <div class="layui-col-md12 Clear">
                    <!--tabs-->
                    <div class="layui-tab layui-tab-brief Tabs" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">默认排序</li>
                            <!--<li>在看数</li>
                            <li>点赞数</li>-->
                        </ul>
                        <div class="layui-tab-content">
                            <!--1-->
                            <div class="layui-tab-item layui-show listBody">
                                {volist name="$ContentList['data']" id="data"}
                                <div>
                                    <div class="layui-col-md3 Clear left">
                                        <a href="/detail/{$data.id}.html">
                                            <img src="{$data.headimg |default='__static__/img/noimg.jpg'}" alt="{$data.title}" title="{$data.title}">
                                        </a>
                                    </div>
                                    <div class="layui-col-md9 Clear right">
                                        <a href="/detail/{$data.id}.html">
                                            <h1>{$data.title}</h1>
                                        </a>
                                        <p>{$data.easytitle}</p>
                                        <div class="info">
                                            <span>{$data.onclick}人已围观</span>
                                            <span>{$data.likenum}人赞</span>
                                            <span class="timeType">{$data.newtime}</span>
                                        </div>
                                        {if ( $data.tagname !== '[]')}
                                        <div class="tag">
                                            <span>标签:</span>
                                            {volist name="$data['tagname']" id="tag"}
                                            <a href="/tag/{$tag.id}-1.html">{$tag.name}</a>
                                            {/volist}
                                        </div>
                                        {/if}
                                        <div class="more">
                                            <div>
                                                <span>作者: {$data.writer |default="匿名"}</span>
                                                <span>来源: {$data.befrom |default="转载"}</span>
                                            </div>
                                            <div>
                                                <a href="/detail/{$data.id}.html">
                                                    <span class="moreText">+文章阅读</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {/volist}

                            </div>
                            <!--2-->
                            <div class="layui-tab-item listBody"></div>
                            <!--3-->
                            <div class="layui-tab-item listBody"></div>
                        </div>
                    </div>
                    <!--tabs end-->
                </div>
                <!--排序筛选 end-->
            </div>
            <!--分页-->
            {if ($ContentList['total'] > 0)}
                <div class="layui-col-md12 Clear pagelist">
                <div class="layui-box layui-laypage layui-laypage-molv">
                    <span class="layui-laypage-count">共 {$ContentList['total']} 条</span>
                    <!--如果当前页>首页 上一页可用-->
                    {if ($ContentList['current_page'] > $ContentList['per_page'])}
                        <a href="{$pageInfoList.id}-{$ContentList['current_page']-1}.html" class="layui-laypage-prev" title="上一页">上一页</a>
                    {else /}
                        <a href="javascript:;" class="layui-laypage-prev" style="color: #d2d2d2;cursor: not-allowed;">上一页</a>
                    {/if}
                    {for start="1" end="$ContentList['last_page']+1"}
                        {if ($ContentList['current_page'] === $i)}
                            <span class="layui-laypage-curr"><em class="layui-laypage-em" style="background-color:#1E9FFF;"></em><em>{$i}</em></span>
                        {else /}
                            <a href="{$pageInfoList.id}-{$i}.html">{$i}</a>
                        {/if}
                    {/for}
                    <!--如果当前页>尾页 下一页可用-->
                    {if ($ContentList['current_page'] >= $ContentList['last_page'])}
                        <a href="javascript:;" class="layui-laypage-next" style="color: #d2d2d2;cursor: not-allowed;">下一页</a>
                    {else /}
                        <a href="{$pageInfoList.id}-{$ContentList['current_page']+1}.html" class="layui-laypage-prev" title="下一页">下一页</a>
                    {/if}
                </div>
            </div>
            {/if}
        </div>
    </div>
</article>

{include file="footer" /}